<!doctype html>
<html lang="ch" xmlns:th="http://www.thymeleaf.org">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="左右结构项目，属于大人员的社交工具">
<meta name="keywords" content="左右结构项目 社交 占座 ">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Bootstrap左右结构响应式后台管理模板</title>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/highcharts.js"></script>
<script type="text/javascript" src="js/exporting.js"></script>


<script>

	$(function() {
		 $('#container').hide();
		$(".meun-item").click(function() {
			$(".meun-item").removeClass("meun-item-active");
			$(this).addClass("meun-item-active");
			var itmeObj = $(".meun-item").find("img");
			itmeObj.each(function() {
				var items = $(this).attr("src");
				items = items.replace("_grey.png", ".png");
				items = items.replace(".png", "_grey.png")
				$(this).attr("src", items);
			});
			var attrObj = $(this).find("img").attr("src");
			;
			attrObj = attrObj.replace("_grey.png", ".png");
			$(this).find("img").attr("src", attrObj);
		});
		$("#topAD").click(function() {
			$("#topA").toggleClass(" glyphicon-triangle-right");
			$("#topA").toggleClass(" glyphicon-triangle-bottom");
		});
		$("#topBD").click(function() {
			$("#topB").toggleClass(" glyphicon-triangle-right");
			$("#topB").toggleClass(" glyphicon-triangle-bottom");
		});
		$("#topCD").click(function() {
			$("#topC").toggleClass(" glyphicon-triangle-right");
			$("#topC").toggleClass(" glyphicon-triangle-bottom");
		});
		$(".toggle-btn").click(function() {
			$("#leftMeun").toggleClass("show");
			$("#rightContent").toggleClass("pd0px");
		});
	});

	//用户信息上一页
	function shang(pageNum) {
		var userName=$("#getUserName").val();
		//发送异步请求
		$
				.ajax({ //是否异步可不填  默认为 true 了
					"url" : "/findUserList", //提交地址  //键值对形式
					"type" : "POST", //提交方式
					"data" : "pageNum=" + pageNum+"&userName="+userName, //参数
					"dataType" : "JSON",
					"success" : function(data) {
						/* var node=$('#adminxinxi div:eq(0)').clone(true); */
					$('#userPageList').empty();
						for (var i = 0; i < data.length; i++) {
							var newnode = "<div class='row'><div class='col-xs-2' >"
								+ data[i].userName
								+ "</div>"
								+ "<div class='col-xs-2' >"
								+ data[i].userSex
								+ "</div>"
								+ "<div class='col-xs-2' >"
								+ data[i].name
								+ "</div>"
								+ "<div class='col-xs-2' >"
								+ data[i].usertelePhone
								+ "</div>"
								+ "<div class='col-xs-2' >"
								+ data[i].userAddress
								+ "</div>"
								+ "<div class='col-xs-2'>"
								+ "<button class='btn btn-success btn-xs' data-toggle='modal'"+
				"data-target='#reviseUser' onclick='updateUser("+data[i].userId+")'>修改</button>"
								+ "<button class='btn btn-danger btn-xs' data-toggle='modal'"+
				"data-target='#deleteUser'>删除</button>"
								+ "</div></div>";
							$("#userPageList").append(newnode);
						}
					},
					"error" : function() {
						alert("过程出现错误,请充值!");
					} //处理错误
				});
	}
	
	//用户信息下一页
	function xia(pageNum) {
		var userName=$("#getUserName").val();
		$
		.ajax({ //是否异步可不填  默认为 true 了
					"url" : "/findUserList", //提交地址  //键值对形式
					"type" : "POST", //提交方式
					"data" : "pageNum=" + pageNum+"&userName="+userName, //参数
					"dataType" : "JSON",
					"success" : function(data) {
						/* var node=$('#adminxinxi div:eq(0)').clone(true); */
						$('#userPageList').empty();
						for (var i = 0; i < data.length; i++) {
							var newnode = "<div class='row'><div class='col-xs-2' >"
									+ data[i].userName
									+ "</div>"
									+ "<div class='col-xs-2' >"
									+ data[i].userSex
									+ "</div>"
									+ "<div class='col-xs-2' >"
									+ data[i].name
									+ "</div>"
									+ "<div class='col-xs-2' >"
									+ data[i].usertelePhone
									+ "</div>"
									+ "<div class='col-xs-2' >"
									+ data[i].userAddress
									+ "</div>"
									+ "<div class='col-xs-2'>"
									+ "<button class='btn btn-success btn-xs' data-toggle='modal'"+
					"data-target='#reviseUser' onclick='updateUser("+data[i].userId+")'>修改</button>"
									+ "<button class='btn btn-danger btn-xs' data-toggle='modal'"+
					"data-target='#deleteUser'>删除</button>"
									+ "</div></div>";
							$("#userPageList").append(newnode);
						}
					},
					"error" : function() {
						alert("过程出现错误,请充值!");
					} //处理错误
				});
	}
	
	//点击订单问题详情显示
	function getproblem(value){
		/* var problem=$("#problem").val(); */
		$('#problemText').empty();
		var newnode = "<textarea rows='10' cols='20' readonly='readonly'"+
		"style='resize: none;' >"+value+"</textarea>";
		$("#problemText").append(newnode);
	}
	  //查询用户信息
	  function fondUser(){
		 var userName=$("#getUserName").val();
		 $
			.ajax({ //是否异步可不填  默认为 true 了
						"url" : "/findUserList", //提交地址  //键值对形式
						"type" : "POST", //提交方式
						"data" : "pageNum=" + 1+"&userName="+userName, //参数
						"dataType" : "JSON",
						"success" : function(data) {
							$('#userPageList').empty();
							for (var i = 0; i < data.length; i++) {
								var newnode = "<div class='row'><div class='col-xs-2' >"
										+ data[i].userName
										+ "</div>"
										+ "<div class='col-xs-2' >"
										+ data[i].userSex
										+ "</div>"
										+ "<div class='col-xs-2' >"
										+ data[i].name
										+ "</div>"
										+ "<div class='col-xs-2' >"
										+ data[i].usertelePhone
										+ "</div>"
										+ "<div class='col-xs-2' >"
										+ data[i].userAddress
										+ "</div>"
										+ "<div class='col-xs-2'>"
										+ "<button class='btn btn-success btn-xs' data-toggle='modal'"+
						"data-target='#reviseUser' onclick='updateUser("+data[i].userId+")'>修改</button>"
										+ "<button class='btn btn-danger btn-xs' data-toggle='modal'"+
						"data-target='#deleteUser'>删除</button>"
										+ "</div></div>";
								$("#userPageList").append(newnode);
							}
						},
						"error" : function() {
							alert("过程出现错误,请充值!");
						} //处理错误
					});
	 } 
	 
	  //维修人员上一页
  function mainshang(pageNum){
		 var mName=$("#mName").val();
		 $.ajax({ //是否异步可不填  默认为 true 了
						"url" : "/getPageMainperson", //提交地址  //键值对形式
						"type" : "POST", //提交方式
						"data" : "pageNum=" + pageNum +"&mName="+mName, //参数
						"dataType" : "JSON",
						"success" : function(data) {
							$("#mainpersonList").empty();
							var whetherFree="空闲";
							for (var i = 0; i < data.length; i++) {
								if(data[i].whetherFree==1){
									whetherFree="非空闲";
								}else{
									whetherFree="空闲";
								}
								var newnode = "<div class='row'>"+
								"<div class='col-xs-2'>"+data[i].mName+"</div>"+
								"<div class='col-xs-2'>"+data[i].mphone+"</div>"+
								"<div class='col-xs-2'>"+data[i].product.productType+"</div>"+
								"<div class='col-xs-2'>"+whetherFree+"</div>"+
								"<div class='col-xs-2'>"+data[i].muserid+"</div>"+
								"<div class='col-xs-2'>"+
									"<button class='btn btn-success btn-xs' data-toggle='modal'"+
										"data-target='#changeChar' onclick='mainUpdate("+data[i].mId+")'>修改</button>"+
									"<button class='btn btn-danger btn-xs' data-toggle='modal'"+
										"data-target='#deleteChar' onclick='mainDelete("+data[i].mId+")'>解聘</button>"+
								"</div>"+
							"</div>";
								$("#mainpersonList").append(newnode);
							}
						},
						"error" : function() {
							alert("过程出现错误,请充值!");
						} //处理错误
					});
	 }
	  
  //维修人员下一页
	 function mainxia(pageNum){
		 var mName=$("#mName").val();
		 $.ajax({ //是否异步可不填  默认为 true 了
						"url" : "/getPageMainperson", //提交地址  //键值对形式
						"type" : "POST", //提交方式
						"data" : "pageNum=" + pageNum +"&mName="+mName, //参数
						"dataType" : "JSON",
						"success" : function(data) {
							$("#mainpersonList").empty();
							var whetherFree="空闲";
							for (var i = 0; i < data.length; i++) {
								if(data[i].whetherFree==1){
									whetherFree="非空闲";
								}else{
									whetherFree="空闲";
								}
								var newnode = "<div class='row'>"+
								"<div class='col-xs-2'>"+data[i].mName+"</div>"+
								"<div class='col-xs-2'>"+data[i].mphone+"</div>"+
								"<div class='col-xs-2'>"+data[i].product.productType+"</div>"+
								"<div class='col-xs-2'>"+whetherFree+"</div>"+
								"<div class='col-xs-2'>"+data[i].muserid+"</div>"+
								"<div class='col-xs-2'>"+
									"<button class='btn btn-success btn-xs' data-toggle='modal'"+
										"data-target='#changeChar' onclick='mainUpdate("+data[i].mId+")'>修改</button>"+
									"<button class='btn btn-danger btn-xs' data-toggle='modal'"+
										"data-target='#deleteChar' onclick='mainDelete("+data[i].mId+")'>解聘</button>"+
								"</div>"+
							"</div>";
								$("#mainpersonList").append(newnode);
							}
						},
						"error" : function() {
							alert("过程出现错误,请充值!");
						} //处理错误
					});
	 }
  
  //查询维修人员
  function mainperson(){
	  var mName=$("#mName").val();
		 $.ajax({ //是否异步可不填  默认为 true 了
						"url" : "/getPageMainperson", //提交地址  //键值对形式
						"type" : "POST", //提交方式
						"data" : "pageNum=" + 1 +"&mName="+mName, //参数
						"dataType" : "JSON",
						"success" : function(data) {
							$("#mainpersonList").empty();
							var whetherFree="空闲";
							for (var i = 0; i < data.length; i++) {
								if(data[i].whetherFree==1){
									whetherFree="非空闲";
								}else{
									whetherFree="空闲";
								}
								var newnode = "<div class='row'>"+
								"<div class='col-xs-2'>"+data[i].mName+"</div>"+
								"<div class='col-xs-2'>"+data[i].mphone+"</div>"+
								"<div class='col-xs-2'>"+data[i].product.productType+"</div>"+
								"<div class='col-xs-2'>"+whetherFree+"</div>"+
								"<div class='col-xs-2'>"+data[i].muserid+"</div>"+
								"<div class='col-xs-2'>"+
									"<button class='btn btn-success btn-xs' data-toggle='modal'"+
										"data-target='#changeChar' onclick='mainUpdate("+data[i].mId+")'>修改</button>"+
									"<button class='btn btn-danger btn-xs' data-toggle='modal'"+
										"data-target='#deleteChar' onclick='mainDelete("+data[i].mId+")'>解聘</button>"+
								"</div>"+
							"</div>";
								$("#mainpersonList").append(newnode);
							}
						},
						"error" : function() {
							alert("过程出现错误,请充值!");
						} //处理错误
					});
  }
	 //修改用户基本信息
	 function updateUser(userId){
		 $.ajax({ //是否异步可不填  默认为 true 了
				"url" : "/getUser", //提交地址  //键值对形式
				"type" : "POST", //提交方式
				"data" : "userId=" + userId, //参数
				"dataType" : "JSON",
				"success" : function(data) {
					$("#userId").val(data.userId);
					$("#zhanghao").val(data.userName);
					var userSex1=$("#userSex").val(data.userSex); 
					$("#name").val(data.name);
					var usertelePhone1=$("#usertelePhone").val(data.usertelePhone);
					var userAddress1=$("#userAddress").val(data.userAddress);
					$("#updateUserOK").unbind('click');
					$("#updateUserOK").click(function(){
						var pageNum=[[${userPage.getPageNum()}]];
						var userName=$("#getUserName").val();
						var userSex=userSex1.val();
						var usertelePhone=usertelePhone1.val();
						var userAddress=userAddress1.val();
						 $
							.ajax({ //是否异步可不填  默认为 true 了
										"url" : "/updateUser", //提交地址  //键值对形式
										"type" : "POST", //提交方式
										"data" : "pageNum=" +pageNum+"&userName="+userName+"&userId="+userId+"&userSex="+userSex+"&usertelePhone="+usertelePhone+"&userAddress="+userAddress, //参数
										"dataType" : "JSON",
										"success" : function(data) {
											$('#userPageList').empty();
											for (var i = 0; i < data.length; i++) {
												var newnode = "<div class='row'><div class='col-xs-2' >"
														+ data[i].userName
														+ "</div>"
														+ "<div class='col-xs-2' >"
														+ data[i].userSex
														+ "</div>"
														+ "<div class='col-xs-2' >"
														+ data[i].name
														+ "</div>"
														+ "<div class='col-xs-2' >"
														+ data[i].usertelePhone
														+ "</div>"
														+ "<div class='col-xs-2' >"
														+ data[i].userAddress
														+ "</div>"
														+ "<div class='col-xs-2'>"
														+ "<button class='btn btn-success btn-xs' data-toggle='modal'"+
										"data-target='#reviseUser' onclick='updateUser("+data[i].userId+")'>修改</button>"
														+ "<button class='btn btn-danger btn-xs' data-toggle='modal'"+
										"data-target='#deleteUser'>删除</button>"
														+ "</div></div>";
												$("#userPageList").append(newnode);
											}
										},
										"error" : function() {
											alert("过程出现错误,请充值!");
										} //处理错误
									});
						
					});
				},
				"error" : function() {
					alert("过程出现错误,请充值!");
				} //处理错误
			});
	 }
	 
	 function mainUpdate(id){
		 $.ajax({ //是否异步可不填  默认为 true 了
				"url" : "/getMainOne", //提交地址  //键值对形式
				"type" : "POST", //提交方式
				"data" : "mId=" + id, //参数
				"dataType" : "JSON",
				"success" : function(data) {
					var mId1=$("#mId").val(data.mId);
					var mName1=$("#mainName").val(data.mName);
					var mphone1=$("#mphone").val(data.mphone);
					var productId1=$("#mainproduct").val(data.product.productId); 
					if(data.whetherFree==0){
						$("#whetherFree").val("空闲");
					}else{
						$("#whetherFree").val("非空闲");
					}
					var muserid1=$("#muserid").val(data.muserid);
					$("#updateMainOK").unbind('click');
					$("#updateMainOK").click(function(){
						 var pageNum=[[${mainPage.getPageNum()}]];
						 var mId=mId1.val();
						 var mName=mName1.val();
						 var mphone=mphone1.val();
						 var productId=productId1.val();
						 var mainName=$("#mName").val();
						 $.ajax({ //是否异步可不填  默认为 true 了
										"url" : "/updateMainperson", //提交地址  //键值对形式
										"type" : "POST", //提交方式
										"data" : "pageNum=" + pageNum +"&mainName="+mainName+"&mId="+mId+"&mName="+mName+"&mphone="+mphone+"&product.productId="+productId, //参数
										"dataType" : "JSON",
										"success" : function(data) {
											$("#mainpersonList").empty();
											var whetherFree="空闲";
											for (var i = 0; i < data.length; i++) {
												if(data[i].whetherFree==1){
													whetherFree="非空闲";
												}else{
													whetherFree="空闲";
												}
												var newnode = "<div class='row'>"+
												"<div class='col-xs-2'>"+data[i].mName+"</div>"+
												"<div class='col-xs-2'>"+data[i].mphone+"</div>"+
												"<div class='col-xs-2'>"+data[i].product.productType+"</div>"+
												"<div class='col-xs-2'>"+whetherFree+"</div>"+
												"<div class='col-xs-2'>"+data[i].muserid+"</div>"+
												"<div class='col-xs-2'>"+
													"<button class='btn btn-success btn-xs' data-toggle='modal'"+
														"data-target='#changeChar' onclick='mainUpdate("+data[i].mId+")'>修改</button>"+
													"<button class='btn btn-danger btn-xs' data-toggle='modal'"+
														"data-target='#deleteChar' onclick='mainDelete("+data[i].mId+")'>解聘</button>"+
												"</div>"+
											"</div>";
												$("#mainpersonList").append(newnode);
											}
										},
										"error" : function() {
											alert("过程出现错误,请充值!");
										} //处理错误
									});
						
					})
				},
				"error" : function() {
					alert("过程出现错误,请充值!");
				} //处理错误
			});
	 }
	 
	 //删除维修人员
	 function mainDelete(id){
		 $.ajax({ //是否异步可不填  默认为 true 了
				"url" : "/getOrder", //提交地址  //键值对形式
				"type" : "POST", //提交方式
				"data" : "mId=" + id, //参数
				"dataType" : "JSON",
				"success" : function(data) {
					var result=2;
					for (var i = 0; i < data.length; i++) {
						if(data[i].state==1){
							result=1;
							break;
						}
					}
					$("#delMainOK").unbind('click');
					$("#delMainOK").click(function(){
						if(result==1){
							alert("抱歉,该维修人员的订单未完成,请在他完成后再炒!");
						}else{
							var pageNum=[[${mainPage.getPageNum()}]];
							 var mName=$("#mName").val();
							 $.ajax({ //是否异步可不填  默认为 true 了
											"url" : "/delMainAndOrder", //提交地址  //键值对形式
											"type" : "POST", //提交方式
											"data" : "pageNum=" + pageNum+"&mName"+mName +"&mId="+id, //参数
											"dataType" : "JSON",
											"success" : function(data) {
												$("#mainpersonList").empty();
												var whetherFree="空闲";
												for (var i = 0; i < data.length; i++) {
													if(data[i].whetherFree==1){
														whetherFree="非空闲";
													}else{
														whetherFree="空闲";
													}
													var newnode = "<div class='row'>"+
													"<div class='col-xs-2'>"+data[i].mName+"</div>"+
													"<div class='col-xs-2'>"+data[i].mphone+"</div>"+
													"<div class='col-xs-2'>"+data[i].product.productType+"</div>"+
													"<div class='col-xs-2'>"+whetherFree+"</div>"+
													"<div class='col-xs-2'>"+data[i].muserid+"</div>"+
													"<div class='col-xs-2'>"+
														"<button class='btn btn-success btn-xs' data-toggle='modal'"+
															"data-target='#changeChar' onclick='mainUpdate("+data[i].mId+")'>修改</button>"+
														"<button class='btn btn-danger btn-xs' data-toggle='modal'"+
															"data-target='#deleteChar' onclick='mainDelete("+data[i].mId+")'>解聘</button>"+
													"</div>"+
												"</div>";
													$("#mainpersonList").append(newnode);
												}
											},
											"error" : function() {
												alert("过程出现错误,请充值!");
											} //处理错误
										});
						}
					});
				},
				"error" : function() {
					alert("过程出现错误,请充值!");
				} //处理错误
			});
	 }
	 
	function selectOption(){
		var optionName=$("#optionorder option:checked").val();
		//发送异步请求
		$.post("optionOrder",{"state": optionName,"pageNum": 1});
		alert(optionName);
		location.reload();
	
	}
</script>
<!--[if lt IE 9]>
  <script src="js/html5shiv.min.js"></script>
  <script src="js/respond.min.js"></script>
<![endif]-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/slide.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/flat-ui.min.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.nouislider.css">
</head>

<body>
	<div id="wrap">
		<!-- 左侧菜单栏目块 -->
		<div class="leftMeun" id="leftMeun">
			<div id="logoDiv">
				<p id="logoP">
					<img id="logo" alt="左右结构项目" src="images/logo.png"><span>左右结构项目</span>
				</p>
			</div>
			<div id="personInfor">
				<p id="userName">杨鹏</p>
				<p>
					<span>yangxp@qq.com</span> More Templates <a
						href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a>
					- Collect from <a href="http://www.cssmoban.com/" title="网页模板"
						target="_blank">网页模板</a>
				</p>
				<p>
					<a>退出登录</a>
				</p>
			</div>
			<div class="meun-title">后台管理</div>
			<div class="meun-item meun-item-active" href="#sour"
				aria-controls="sour" role="tab" data-toggle="tab"
				style="margin-left: 10px">
				<!-- <img src="images/icon_source.png"> -->
				订单管理
			</div>
			<!-- <div class="meun-item" href="#char" aria-controls="char" role="tab"
				data-toggle="tab" style="margin-left: 10px">
				<img src="images/icon_chara_grey.png">
				权限管理
			</div> -->
			<div class="meun-item" href="#user" aria-controls="user" role="tab"
				data-toggle="tab" style="margin-left: 10px">
				<!-- <img src="images/icon_user_grey.png"> -->
				用户管理
			</div>
			<!-- 	<div class="meun-item" href="#chan" aria-controls="chan" role="tab"
				data-toggle="tab">
				<img src="images/icon_change_grey.png">修改密码
			</div> -->
			<!-- <div class="meun-title">地区管理</div> -->
			<div class="meun-item" href="#scho" aria-controls="scho" role="tab"
				data-toggle="tab" style="margin-left: 10px">
				<!-- <img src="images/icon_house_grey.png"> -->
				维修人员
			</div>
			<!-- <div class="meun-item" href="#regu" aria-controls="regu" role="tab"
				data-toggle="tab" style="margin-left: 10px">
				<img src="images/icon_rule_grey.png">
				规则管理
			</div> -->
			<div class="meun-item" href="#stud" aria-controls="stud" role="tab"
				data-toggle="tab" style="margin-left: 10px">
				<!-- <img src="images/icon_card_grey.png"> -->
				人员信息
			</div>
			<!-- <div class="meun-item" href="#sitt" aria-controls="sitt" role="tab"
				data-toggle="tab" style="margin-left: 10px">
				<img src="images/icon_char_grey.png">
				座位管理
			</div> -->
		</div>
		<!-- 右侧具体内容栏目 -->
		<div id="rightContent">
			<a class="toggle-btn" id="nimei"> <i
				class="glyphicon glyphicon-align-justify"></i>
			</a>
			<!-- Tab panes -->
			<div class="tab-content">
				<!-- 订单管理模块 -->
				<div role="tabpanel" class="tab-pane active" id="sour">

					<div class="check-div form-inline">
						<!-- <div class="col-xs-3">
							<button class="btn btn-yellow btn-xs" data-toggle="modal"
								data-target="#addSchool">添加地区</button>
						</div> -->
						<div class="col-lg-4 col-xs-5">
							<input type="text" class=" form-control input-sm "
								placeholder="输入文字搜索">
							<button class="btn btn-white btn-xs ">查 询</button>
						</div>
						<div class="col-lg-3 col-lg-offset-1 col-xs-3"
							style="padding-right: 40px; text-align: right; float: right;">
							<label for="paixu">筛选:&nbsp;</label> <select id="optionorder"
								onchange="selectOption()" class="form-control">
								<option>请选择</option>
								<option value="0">紧急任务</option>
								<option value="1">进行中</option>
								<option value="2">已完成</option>
							</select>
						</div>
					</div>
					<div class="data-div" id="autore">
						<div class="row tableHeader">
							<div class="col-xs-1">编码</div>
							<div class="col-xs-1">电器类型</div>
							<div class="col-xs-1">电器问题</div>
							<div class="col-xs-1">状态</div>
							<div class="col-xs-1">接单人</div>
							<div class="col-xs-2">创建时间</div>
							<div class="col-xs-1" style="margin-left: -60px">完成时间</div>
							<div class="col-xs-1" style="margin-left: 60px">客户</div>
							<div class="col-xs-2">用户地址</div>
						</div>
						
						<div class="tablebody" th:if="${orderPage!=null}">
							<div class="row" th:each="order:${orderPage.getResult()}">
								<div class="col-xs-1 ">
									<span class="getorderid" th:text="${order.orderId}"></span>
								</div>
								<div class="col-xs-1 " id="name"
									th:text="${order.productinfo.productInfoName}"></div>
								<div th:onClick="getproblem([[${order.problem}]])"
									class="col-xs-1" href="#chan" aria-controls="chan" role="tab"
									data-toggle="tab">
									<a th:text="${#strings.substring(order.problem,0,3)+'...'}"></a>
								</div>
								<div class="col-xs-1" th:if="${order.state==0}">
									<a id="aaa" href="#点击进入派人维修">未处理</a>
								</div>
								<div class="col-xs-1" th:if="${order.state==1}">
									<a href="#点击进入维修状态">进行中</a>
								</div>
								<div class="col-xs-1" th:if="${order.state==2}">已完成</div>
								<div id="main" class="col-xs-1"
									th:if="${order.mainperson==null}">
									<span  class="btn btn-success btn-xs" data-toggle="modal" data-target="#reviseSchool"
										th:onclick="selectMainperson([[${order.productinfo.productInfoId}]])">
										点击派人</span>
								</div>
								<div class="col-xs-1" th:if="${order.mainperson!=null}">
									<span id="ad" th:text="${order.mainperson.mName}"></span>
								</div>

								<div class="col-xs-2"
									th:text="${#strings.substring(order.createDate,0,10)}">
									<!--   <a class="linkCcc">查看</a> -->
								</div>
								<div class="col-xs-1" style="margin-left: -60px"
									th:if="${order.completionDate!=null}"
									th:text="${#strings.substring(order.completionDate,5,10)}">
								</div>
								<div class="col-xs-1" style="margin-left: -60px"
									th:if="${order.completionDate==null}">暂无</div>
								<div class="col-xs-1" style="margin-left: 60px"
									th:text="${order.user.name}"></div>
								<div class="col-xs-2" th:text="${order.user.userAddress}">
								</div>
							</div>
						</div>
					</div>
					<!--页码块-->
					<footer class="footer">
						<ul class="pagination">
							<li><select>
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
									<option>6</option>
									<option>7</option>
									<option>8</option>
									<option>9</option>
									<option>10</option>
							</select> 页</li>
							<li class="gray">共20页</li>
							<li><i class="glyphicon glyphicon-menu-left"> </i></li>
							<li><i class="glyphicon glyphicon-menu-right"> </i></li>
						</ul>
					</footer>

					<!--弹出添加用户窗口-->
					<div class="modal fade" id="addSchool" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">添加地区</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">
										<form class="form-horizontal">
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">地区名称：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm duiqi"
														id="sName" placeholder="">
												</div>
											</div>
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">经度：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm duiqi"
														id="sName" placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sLink" class="col-xs-3 control-label">纬度：</label>
												<div class="col-xs-8 ">
													<input type="" class="form-control input-sm duiqi"
														id="sLink" placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sOrd" class="col-xs-3 control-label">简称：</label>
												<div class="col-xs-8">
													<input type="" class="form-control input-sm duiqi"
														id="sOrd" placeholder="">
												</div>
											</div>
										</form>
									</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-xs btn-green">保 存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

					<!--弹出修改用户窗口-->
					<div class="modal fade" id="reviseSchool" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">修改订单</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">
										<form class="form-horizontal">
											<div class="form-group ">
												<label for="sName1" class="col-xs-3 control-label">电器问题</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm duiqi"
														id="sName1" placeholder="" />
												</div>
											</div>
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">接单人</label>
												<div class="col-xs-8 ">
													<select id="selectName" class="form-control input-sm duiqi">

													</select>
												</div>
											</div>
											<div class="form-group">
												<label for="sLink" class="col-xs-3 control-label">创建时间</label>
												<div class="col-xs-8 ">
													<input type="" class="form-control input-sm duiqi"
														id="sLink1" placeholder="" />
												</div>
											</div>
											<div class="form-group">
												<label for="sOrd" class="col-xs-3 control-label">客户</label>
												<div class="col-xs-8">
													<input type="" class="form-control input-sm duiqi"
														id="sOrd1" placeholder="" />
												</div>
											</div>
										</form>
									</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-xs btn-green"
										data-dismiss="modal" id="insert">保 存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

					<!--弹出删除用户警告窗口-->
					<div class="modal fade" id="deleteSchool" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">确定要删除该地区？删除后不可恢复！</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-xs btn-danger">保
										存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

				</div>
				<!--用户管理模块-->
				<div role="tabpanel" class="tab-pane" id="user">
					<div class="check-div form-inline">
						<!-- <div class="col-xs-3">
							<button class="btn btn-yellow btn-xs" data-toggle="modal"
								data-target="#addUser">添加用户</button>
						</div> -->
						<div class="col-xs-4">
							<input type="text" class="form-control input-sm"
								placeholder="请输入真实姓名,默认查全部" id="getUserName">
							<button class="btn btn-white btn-xs " onclick="fondUser()">查
								询</button>
						</div>
					</div>
					<div class="data-div">
						<div class="row tableHeader">
							<div class="col-xs-2 ">用户名</div>
							<div class="col-xs-2">性别</div>
							<div class="col-xs-2">真实姓名</div>
							<div class="col-xs-2">电话</div>
							<div class="col-xs-2">地址</div>
							<div class="col-xs-2">操作</div>
						</div>
						<div class="tablebody" id="userPageList">

							<div class="row" th:each="user:${userPage.getResult()}">
								<div class="col-xs-2" th:text="${user.userName}"></div>
								<div class="col-xs-2" th:text="${user.userSex}"></div>
								<div class="col-xs-2" th:text="${user.name}"></div>
								<div class="col-xs-2" th:text="${user.usertelePhone}"></div>
								<div class="col-xs-2" th:text="${user.userAddress}"></div>
								<div class="col-xs-2">
									<button class="btn btn-success btn-xs" data-toggle="modal"
										data-target="#reviseUser"
										th:onclick="updateUser([[${user.userId}]])">修改</button>
									<button class="btn btn-danger btn-xs" data-toggle="modal"
										data-target="#deleteUser">注销</button>
								</div>
							</div>

						</div>
					</div>
					<!--页码块-->
					<footer class="footer">
						<ul class="pagination">
							<li><select id="userCountPage" onchange="gradeChange()">
									<option>1</option>
							</select>页</li>
							<li class="gray" id="adminpage">共 <i th:text="${countPage}"
								id="countPage"></i>页
							</li>
							<li><i class="glyphicon glyphicon-menu-left"
								th:onclick="shang([[${userPage.getPageNum()-1}]])"></i></li>
							<li><i class="glyphicon glyphicon-menu-right"
								th:onclick="xia([[${userPage.getPageNum()+1}]])"> </i></li>
						</ul>
					</footer>

					<!--弹出添加用户窗口-->
					<div class="modal fade" id="addUser" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">添加用户</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">
										<form class="form-horizontal">
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">用户名：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm duiqi"
														id="sName" placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sLink" class="col-xs-3 control-label">真实姓名：</label>
												<div class="col-xs-8 ">
													<input type="" class="form-control input-sm duiqi"
														id="sLink" placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sOrd" class="col-xs-3 control-label">电子邮箱：</label>
												<div class="col-xs-8">
													<input type="" class="form-control input-sm duiqi"
														id="sOrd" placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sKnot" class="col-xs-3 control-label">电话：</label>
												<div class="col-xs-8">
													<input type="" class="form-control input-sm duiqi"
														id="sKnot" placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sKnot" class="col-xs-3 control-label">地区：</label>
												<div class="col-xs-8">
													<select class=" form-control select-duiqi">
														<option value="">国际关系地区</option>
														<option value="">北京大学</option>
														<option value="">天津大学</option>
													</select>
												</div>
											</div>
											<div class="form-group">
												<label for="sKnot" class="col-xs-3 control-label">权限：</label>
												<div class="col-xs-8">
													<select class=" form-control select-duiqi">
														<option value="">管理员</option>
														<option value="">普通用户</option>
														<option value="">游客</option>
													</select>
												</div>
											</div>
											<div class="form-group">
												<label for="situation" class="col-xs-3 control-label">状态：</label>
												<div class="col-xs-8">
													<label class="control-label" for="anniu"> <input
														type="radio" name="situation" id="normal">正常
													</label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <label
														class="control-label" for="meun"> <input
														type="radio" name="situation" id="forbid"> 禁用
													</label>
												</div>
											</div>
										</form>
									</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-xs btn-green">保 存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

					<!--弹出修改用户窗口-->
					<div class="modal fade" id="reviseUser" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">修改用户</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">
										<form class="form-horizontal">
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">编号：</label>
												<div class="col-xs-8 ">
													<input type="text" class="form-control input-sm duiqi"
														id="userId" name="userId" disabled="disabled"
														style="background-color: white; color: black;">
												</div>
											</div>
											<div class="form-group">
												<label for="sLink" class="col-xs-3 control-label">帐号：</label>
												<div class="col-xs-8 ">
													<input type="text" class="form-control input-sm duiqi"
														id="zhanghao" name="userName" disabled="disabled"
														style="background-color: white; color: black;">
												</div>
											</div>
											<div class="form-group">
												<label for="sOrd" class="col-xs-3 control-label">性别：</label>
												<div class="col-xs-8">
													<select id="userSex" name="userSex"
														class="form-control input-sm duiqi">
														<option value="男">男</option>
														<option value="女">女</option>
													</select>
												</div>
											</div>
											<div class="form-group">
												<label for="sKnot" class="col-xs-3 control-label">真实姓名：</label>
												<div class="col-xs-8">
													<input type="text" class="form-control input-sm duiqi"
														id="name" name="name" disabled="disabled"
														style="background-color: white; color: black;">
												</div>
											</div>
											<div class="form-group">
												<label for="sKnot" class="col-xs-3 control-label">电话号码：</label>
												<div class="col-xs-8">
													<input type="text" class="form-control input-sm duiqi"
														id="usertelePhone" name="usertelePhone">
												</div>
											</div>
											<div class="form-group">
												<label for="sKnot" class="col-xs-3 control-label">地区：</label>
												<div class="col-xs-8">
													<input type="text" class="form-control input-sm duiqi"
														id="userAddress" name="userAddress">
												</div>
											</div>
										</form>
									</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-xs btn-green"
										data-dismiss="modal" id="updateUserOK">保存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

					<!--弹出删除用户警告窗口-->
					<div class="modal fade" id="deleteUser" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">确定要注销该用户？</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn  btn-xs btn-danger"
										data-dismiss="modal">确定</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

				</div>
				<!-- 查看问题详情模块 -->
				<div role="tabpanel" class="tab-pane" id="chan">
					<div class="meun-item meun-item-active" href="#sour"
						aria-controls="sour" role="tab" data-toggle="tab">
						<a>&nbsp;&nbsp;返回上一页</a>
					</div>
					<div
						style="padding: 50px 0; margin-top: 50px; background-color: #fff; text-align: right; width: 420px; margin: 50px auto;">
						<form class="form-horizontal">

							<div class="form-group" style="margin-left: -130px">
								<label for="sKnot" class="col-xs-4 control-label">问题详情</label> <br />
								<div class="col-xs-5" id="problemText">
									<textarea rows="10" cols="20" readonly="readonly"
										style="resize: none;"></textarea>
								</div>
							</div>
						</form>
					</div>

				</div>
				<!--维修人员模块-->
				<div role="tabpanel" class="tab-pane" id="scho">

					<div class="check-div form-inline">
						<div class="col-xs-3">
							<button class="btn btn-yellow btn-xs" data-toggle="modal"
								data-target="#addChar">添加维修人员</button>
						</div>
						<div class="col-lg-4 col-xs-5">
							<input type="text" class=" form-control input-sm "
								placeholder="请输入姓名查找,默认查询全部" id="mName">
							<button class="btn btn-white btn-xs " onclick="mainperson()">查
								询</button>
						</div>
						<!-- <div class="col-lg-3 col-lg-offset-1 col-xs-3"
							style="padding-right: 40px; text-align: right; float: right;">
							<label for="paixu">排序:&nbsp;</label> <select class="form-control">
								<option>地区</option>
								<option>排名</option>
							</select>
						</div> -->
					</div>
					<div class="data-div">
						<div class="row tableHeader">
							<div class="col-xs-2 ">姓名</div>
							<div class="col-xs-2 ">电话号码</div>
							<div class="col-xs-2">维修类型</div>
							<div class="col-xs-2">状态</div>
							<div class="col-xs-2">帐号</div>
							<div class="col-xs-2">操作</div>
						</div>
						<div class="tablebody" id="mainpersonList">

							<div class="row" th:each="main:${mainPage.getResult()}">
								<div class="col-xs-2" th:text="${main.mName}"></div>
								<div class="col-xs-2" th:text="${main.mphone}"></div>
								<div class="col-xs-2" th:text="${main.product.productType}"></div>
								<div class="col-xs-2" th:if="${main.whetherFree==0}">空闲</div>
								<div class="col-xs-2" th:if="${main.whetherFree==1}">非空闲</div>
								<div class="col-xs-2" th:text="${main.muserid}"></div>
								<div class="col-xs-2">
									<button class="btn btn-success btn-xs" data-toggle="modal"
										data-target="#changeChar"
										th:onclick="mainUpdate([[${main.mId}]])">修改</button>
									<button class="btn btn-danger btn-xs" data-toggle="modal"
										data-target="#deleteChar"
										th:onclick="mainDelete([[${main.mId}]])">解聘</button>
								</div>
							</div>
						</div>

					</div>
					<!--页码块-->
					<footer class="footer">
						<ul class="pagination">
							<li><select>
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
									<option>6</option>
									<option>7</option>
									<option>8</option>
									<option>9</option>
									<option>10</option>
							</select> 页</li>
							<li class="gray">共20页</li>
							<li><i class="glyphicon glyphicon-menu-left"
								th:onclick="mainshang([[${mainPage.getPageNum()-1}]])"></i></li>
							<li><i class="glyphicon glyphicon-menu-right"
								th:onclick="mainxia([[${mainPage.getPageNum()+1}]])"> </i></li>
						</ul>
					</footer>

					<!--弹出添加维修人员窗口-->
					<div class="modal fade" id="addChar" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">添加地区</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">
										<form class="form-horizontal">
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">地区名称：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm duiqi"
														id="sName" placeholder="">
												</div>
											</div>
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">经度：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm duiqi"
														id="sName" placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sLink" class="col-xs-3 control-label">纬度：</label>
												<div class="col-xs-8 ">
													<input type="" class="form-control input-sm duiqi"
														id="sLink" placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sOrd" class="col-xs-3 control-label">简称：</label>
												<div class="col-xs-8">
													<input type="" class="form-control input-sm duiqi"
														id="sOrd" placeholder="">
												</div>
											</div>
										</form>
									</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-xs btn-green">保 存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

					<!--弹出修改维修人员窗口-->
					<div class="modal fade" id="changeChar" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">修改维修人员</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">
										<form class="form-horizontal">
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">编号：</label>
												<div class="col-xs-8 ">
													<input type="text" class="form-control input-sm duiqi"
														id="mId" name="mId" disabled="disabled"
														style="background-color: white; color: black;">
												</div>
											</div>
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">姓名：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm duiqi"
														id="mainName" name="mName">
												</div>
											</div>
											<div class="form-group">
												<label for="sLink" class="col-xs-3 control-label">电话号码：</label>
												<div class="col-xs-8 ">
													<input type="text" class="form-control input-sm duiqi"
														id="mphone" name="mphone">
												</div>
											</div>
											<div class="form-group">
												<label for="sOrd" class="col-xs-3 control-label">维修类型：</label>
												<select id="mainproduct" name="product.productType"
													class="form-control input-sm duiqi">
													<option th:each="product:${productList}"
														th:value="${product.productId}"
														th:text="${product.productType}"></option>
												</select>
											</div>
											<div class="form-group">
												<label for="sLink" class="col-xs-3 control-label">状态：</label>
												<div class="col-xs-8 ">
													<input type="text" class="form-control input-sm duiqi"
														id="whetherFree" name="whetherFree" disabled="disabled"
														style="background-color: white; color: black;">
												</div>
											</div>
											<div class="form-group">
												<label for="sLink" class="col-xs-3 control-label">帐号：</label>
												<div class="col-xs-8 ">
													<input type="text" class="form-control input-sm duiqi"
														id="muserid" name="muserid" disabled="disabled"
														style="background-color: white; color: black;">
												</div>
											</div>
										</form>
									</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-xs btn-green"
										data-dismiss="modal" id="updateMainOK">保 存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

					<!--弹出删除维修人员警告窗口-->
					<div class="modal fade" id="deleteChar" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">确定要解聘改维修人员？</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-xs btn-danger"
										data-dismiss="modal" id="delMainOK">确定</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

				</div>

				<!--时间段管理模块-->
				<div role="tabpanel" class="tab-pane" id="time">
					<div class="check-div form-inline">
						<span href="#sitt" aria-controls="sitt" role="tab"
							data-toggle="tab" style="cursor: pointer;"><span
							class="glyphicon glyphicon glyphicon-chevron-left"></span>&nbsp;&nbsp;返回上一页</span>

						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<button class="btn btn-yellow btn-xs " data-toggle="modal"
							data-target="#addTime">添加时间段</button>

					</div>
					<div class="data-div">
						<div class="row tableHeader">
							<div class="col-xs-3 ">编码</div>
							<div class="col-xs-3">开始</div>
							<div class="col-xs-3">结束</div>

							<div class="col-xs-3">操作</div>
						</div>
						<div class="tablebody">

							<div class="row">
								<div class="col-xs-3 ">6426398978</div>
								<div class="col-xs-3">10:10</div>
								<div class="col-xs-3">19:30</div>
								<div class="col-xs-3">
									<button class="btn btn-success btn-xs" data-toggle="modal"
										data-target="#changeTime">修改</button>
									<button class="btn btn-danger btn-xs" data-toggle="modal"
										data-target="#deleteTime">删除</button>
								</div>
							</div>

						</div>

					</div>
					<!--页码块-->
					<footer class="footer">
						<ul class="pagination">
							<li><select>
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
									<option>6</option>
									<option>7</option>
									<option>8</option>
									<option>9</option>
									<option>10</option>
							</select> 页</li>
							<li class="gray">共20页</li>
							<li><i class="glyphicon glyphicon-menu-left"> </i></li>
							<li><i class="glyphicon glyphicon-menu-right"> </i></li>
						</ul>
					</footer>

					<!--弹出增加时间段窗口-->
					<div class="modal fade" id="addTime" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">时间段设置</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">
										<form class="form-horizontal">
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">开始时间：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm"
														id="sName" placeholder="">
												</div>
											</div>
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">结束时间：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm"
														id="sName" placeholder="">
												</div>
											</div>
										</form>
									</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-xs btn-green">保 存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

					<!--修改增加时间段窗口-->
					<div class="modal fade" id="changeTime" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">修改时间段</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">
										<form class="form-horizontal">
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">开始时间：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm duiqi"
														id="sName" placeholder="">
												</div>
											</div>
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">结束时间：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm duiqi"
														id="sName" placeholder="">
												</div>
											</div>
										</form>
									</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-green btn-xs">保 存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->
					<!--弹出删除时间段警告窗口-->
					<div class="modal fade" id="deleteTime" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">确定要删除该时间段？</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-danger btn-xs">保
										存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

				</div>
				<!--座位管理模块-->
				<div role="tabpanel" class="tab-pane" id="sitt">

					<div class="check-div form-inline" style="">
						<div class="col-lg-4 col-xs-7 col-md-6">
							<button class="btn btn-yellow btn-xs" data-toggle="modal"
								data-target="#addBuilding">添加楼宇</button>
							<label for="paixu">楼宇:&nbsp;</label> <select
								class=" form-control">
								<option>第一教学楼</option>
								<option>逸夫楼</option>
								<option>综合楼</option>
								<option>图书馆</option>
							</select>
							<button class="btn btn-white btn-xs ">修 改</button>
						</div>
						<div class="col-lg-4 col-lg-offset-4 col-xs-4 col-md-5 "
							style="padding-right: 40px; text-align: right;">
							<input type="text" class=" form-control input-sm "
								placeholder="输入文字搜索">
							<button class="btn btn-white btn-xs ">查 询</button>
						</div>
					</div>
					<div class="data-div">
						<div class="row tableHeader">
							<div class="col-xs-2 " style="padding-left: 20px;">楼层</div>
							<div class="col-xs-3" style="padding-left: 20px;">区域</div>
							<div class="col-xs-2" style="padding-left: 2px;">座位数</div>
							<div class="col-xs-2">空余座位</div>
							<div class="col-xs-3">操作</div>
						</div>
						<div class="tablebody">

							<div class="sitTable">
								<table class="table  table-responsive">
									<tr>
										<td valign="middle" class="col-xs-2" rowspan="3">图书馆第一层</td>
										<td class="col-xs-3">第一自习室</td>
										<td class="col-xs-2">2</td>
										<td class="col-xs-2" style="padding-left: 40px !important;">3</td>
										<td class="col-xs-3" style="padding-left: 50px !important;">
											<a class="linkCcc" href="#sitDetail" aria-controls="char"
											role="tab" data-toggle="tab">座位信息</a> <a class="linkCcc"
											href="#time" aria-controls="char" role="tab"
											data-toggle="tab">时间段设置</a>
										</td>
									</tr>
									<tr>
										<td class="col-xs-3">第一自习室</td>
										<td class="col-xs-2">2</td>
										<td class="col-xs-2" style="padding-left: 40px !important;">3</td>
										<td class="col-xs-3" style="padding-left: 50px !important;">
											<a class="linkCcc" href="#sitDetail" aria-controls="char"
											role="tab" data-toggle="tab">座位信息</a> <a class="linkCcc"
											href="#time" aria-controls="char" role="tab"
											data-toggle="tab">时间段设置</a>
										</td>
									</tr>
									<tr>
										<td class="col-xs-3">第一自习室</td>
										<td class="col-xs-2">2</td>
										<td class="col-xs-2" style="padding-left: 40px !important;">3</td>
										<td class="col-xs-3" style="padding-left: 50px !important;">
											<a class="linkCcc" href="#sitDetail" aria-controls="char"
											role="tab" data-toggle="tab">座位信息</a> <a class="linkCcc"
											href="#time" aria-controls="char" role="tab"
											data-toggle="tab">时间段设置</a>
										</td>
									</tr>
								</table>
							</div>

						</div>

					</div>
					<!--页码块-->
					<footer class="footer">
						<ul class="pagination">
							<li><select>
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
									<option>6</option>
									<option>7</option>
									<option>8</option>
									<option>9</option>
									<option>10</option>
							</select> 页</li>
							<li class="gray">共20页</li>
							<li><i class="glyphicon glyphicon-menu-left"> </i></li>
							<li><i class="glyphicon glyphicon-menu-right"> </i></li>
						</ul>
					</footer>

					<!--弹出添加楼宇窗口-->
					<div class="modal fade" id="addBuilding" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">添加楼宇</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">
										<form class="form-horizontal">
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">楼层：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm duiqi"
														id="sName" placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sLink" class="col-xs-3 control-label">区域：</label>
												<div class="col-xs-8 ">
													<input type="" class="form-control input-sm duiqi"
														id="sLink" placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sOrd" class="col-xs-3 control-label">座位数：</label>
												<div class="col-xs-8">
													<input type="" class="form-control input-sm duiqi"
														id="sOrd" placeholder="">
												</div>
											</div>
										</form>
									</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-xs btn-green">保 存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

					<!--弹出修改用户窗口-->
					<div class="modal fade" id="reviseUser" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">修改用户</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">
										<form class="form-horizontal">
											<div class="form-group ">
												<label for="sName" class="col-xs-3 control-label">用户名：</label>
												<div class="col-xs-8 ">
													<input type="email" class="form-control input-sm"
														id="sName" placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sLink" class="col-xs-3 control-label">真实姓名：</label>
												<div class="col-xs-8 ">
													<input type="" class="form-control input-sm" id="sLink"
														placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sOrd" class="col-xs-3 control-label">电子邮箱：</label>
												<div class="col-xs-8">
													<input type="" class="form-control input-sm" id="sOrd"
														placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sKnot" class="col-xs-3 control-label">电话：</label>
												<div class="col-xs-8">
													<input type="" class="form-control input-sm" id="sKnot"
														placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sKnot" class="col-xs-3 control-label">地区：</label>
												<div class="col-xs-8">
													<input type="" class="form-control input-sm" id="sKnot"
														placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="sKnot" class="col-xs-3 control-label">权限：</label>
												<div class="col-xs-8">
													<input type="" class="form-control input-sm" id="sKnot"
														placeholder="">
												</div>
											</div>
											<div class="form-group">
												<label for="situation" class="col-xs-3 control-label">状态：</label>
												<div class="col-xs-8">
													<label class="control-label" for="anniu"> <input
														type="radio" name="situation" id="normal">正常
													</label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <label
														class="control-label" for="meun"> <input
														type="radio" name="situation" id="forbid"> 禁用
													</label>
												</div>
											</div>
										</form>
									</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-xs btn-green">保 存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

					<!--弹出删除用户警告窗口-->
					<div class="modal fade" id="deleteUser" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">确定要删除该用户？删除后不可恢复！</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-green btn-xs">保 存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->
				</div>
				<!--座位详情模块-->
				<div role="tabpanel" class="tab-pane" id="sitDetail">
					<div class="check-div form-inline">
						<span href="#sitt" aria-controls="sitt" role="tab"
							data-toggle="tab" style="cursor: pointer;"><span
							class="glyphicon glyphicon glyphicon-chevron-left"></span>&nbsp;&nbsp;返回上一页</span>
					</div>
					<div class="data-div">
						<div class="row tableHeader">
							<div class="col-xs-6 ">座位编码</div>
							<div class="col-xs-6 ">座位名称</div>

						</div>
						<div class="tablebody">

							<div class="row">
								<div class="col-xs-6 ">sad2345fas345533</div>
								<div class="col-xs-6">王座</div>

							</div>

						</div>

					</div>
					<!--页码块-->
					<footer class="footer">
						<ul class="pagination">
							<li><select>
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
									<option>6</option>
									<option>7</option>
									<option>8</option>
									<option>9</option>
									<option>10</option>
							</select> 页</li>
							<li class="gray">共20页</li>
							<li><i class="glyphicon glyphicon-menu-left"> </i></li>
							<li><i class="glyphicon glyphicon-menu-right"> </i></li>
						</ul>
					</footer>

				</div>
				<!--人员管理模块-->
				<div role="tabpanel" class="tab-pane" id="stud">
					<div class="check-div form-inline">
						<div class="col-xs-5">
							<input type="text" class=" form-control input-sm"
								placeholder="输入文字搜索" style="height: 40px !important;">
							<button class="btn btn-white btn-xs ">查 询</button>
						</div>
						<div class="col-xs-4 col-lg-4  col-md-5"
							style="padding-right: 40px; text-align: right; float: right;">
							<label for="daoru">导入人员信息表:&nbsp;</label>
							<button class="btn btn-white btn-xs " id="daoru">选取文件</button>
							<button class="btn btn-white btn-xs ">导入</button>
						</div>
					</div>
					<div class="data-div">
						<div class="row tableHeader">
							<div class="col-xs-2">姓名</div>
							<div class="col-xs-2 ">维修类型</div>
							<div class="col-xs-2">完成单数</div>
							<div class="col-xs-2">正常单数</div>
							<div class="col-xs-2">非正常单数</div>
							
							<div class="col-xs-2">操作</div>
						</div>
						<div class="tablebody">
							<div class="row" th:each="main:${mainPage.getResult()}">
							<div class="col-xs-2" th:text="${main.mName}"></div>
								<div   class="col-xs-2" th:text="${main.product.productType}"></div>
								<div id="maina" class="col-xs-2" th:text="${main.a}"></div>
								<div  id="mainb" class="col-xs-2" th:text="${main.b}"></div>
								<div   id="mainc" class="col-xs-2" th:text="${main.c}"></div>
								
								<div class="col-xs-2">
									<button class="btn btn-danger btn-xs"  th:onClick="tubiao([[${main.mName}]])">图表</button>										
								</div>
				</div>
						</div>
<div id="container" style="width:850px;height:550px;margin:0 auto">
</div>
					</div>
					<div id="chart1"></div>
	<div id="chart2"></div>
					<!--页码块-->
					<footer class="footer">
						<ul class="pagination">
							<li><select>
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
									<option>6</option>
									<option>7</option>
									<option>8</option>
									<option>9</option>
									<option>10</option>
							</select> 页</li>
							<li class="gray">共20页</li><li><i class="glyphicon glyphicon-menu-left"
								th:onclick="mainshang([[${mainPage.getPageNum()-1}]])"></i></li>
							<li><i class="glyphicon glyphicon-menu-right"
								th:onclick="mainxia([[${mainPage.getPageNum()+1}]])"> </i></li>
						</ul>
					</footer>

					<!--弹出删除违约记录警告窗口-->

					<div class="modal fade" id="deleteObey" role="dialog"
						aria-labelledby="gridSystemModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
								</div>
								<div class="modal-body">
									<div class="container-fluid">确定要删除该违约记录？删除后不可恢复！</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-xs btn-white"
										data-dismiss="modal">取 消</button>
									<button type="button" class="btn btn-xs btn-danger">保
										存</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

				</div>
			</div>
		</div>
	</div>
	<script src="js/jquery.nouislider.js"></script>
	<script>
		//min/max slider
		var countPage = [[${countPage}]];
		$('#countPage').empty();
		for (var i = 0; i < countPage.length; i++) {
			var newnode = "<option value='"+i+"'>"+i+"</option>";
			$("#countPage").append(newnode);
		}
		
		
		function tubiao(name){
			alert(name);
			$.post("abc",{"name": name},function(date){
				 var a=date[0].a;
				 var b=date[0].b;
				 var c=date[0].c;
				 var d=b/a*100;
				 alert(d);
					alert(a);
				$('#container').show();    
				 var data = new Array();
					data.push(parseFloat(a));
					var data1 = new Array();
					data1.push(parseFloat(b));
					var data2 = new Array();
					data2.push(parseFloat(c));
					var data3 = new Array();
					data3.push(parseFloat(d));
			    $('#container').highcharts({                                          
			        chart: {                                                          
			        },                                                                
			        title: {                                                          
			            text: '折线，饼状，条状综合图'                                     
			        },  
					//x轴
			        xAxis: {                                                          
			            categories: ['一月', '二月', '三月', '四月', '五月']
			        },              
			        tooltip: {                                                        
			            formatter: function() {                                       
			                var s;                                                    
			                if (this.point.name) { // the pie chart                   
			                    s = ''+                                               
			                        this.point.name +': '+ this.y ;         
			                } else {                                                  
			                    s = ''+                                               
			                        this.x  +': '+ this.y;                            
			                }                                                         
			                return s;                                                 
			            }                                                             
			        },                                                                
			        labels: {                                                         
			            items: [{                                                     
			                html: 'Total fruit consumption',                          
			                style: {                                                  
			                    left: '40px',                                         
			                    top: '8px',                                           
			                    color: 'black'                                        
			                }                                                         
			            }]                                                            
			        },                                                                
			        series: [{                                                        
			            type: 'column',                                               
			            name: '订单数',                                                 
			            data:data                                       
			        },  {                                                              
			            type: 'column',                                               
			            name: '非常完成',                                                  
			            data: data2                                      
			        }, 
			        {                                                              
			            type: 'column',                                               
			            name: '正常完成',                                                 
			            data: data1                                         
			        },{                                                              
			            type: 'spline',                                               
			            name: '合格率',                                              
			            data: data3,                               
			            marker: {                                                     
			            	lineWidth: 2,                                               
			            	lineColor: Highcharts.getOptions().colors[3],               
			            	fillColor: 'white'                                          
			            }                                                             
			        }, {                                                              
			            type: 'pie',                                                  
			            name: 'Total consumption',                                    
			            data: [ {                                                          
			                name: '正常完成',                                             
			                y: b,                                                    
			                color: Highcharts.getOptions().colors[2] // John's color  
			            }, {                                                          
			                name: '非正常完成',                                              
			                y: c,                                                    
			                color: Highcharts.getOptions().colors[1] // Joe's color   
			            }],                                                           
			            center: [100, 80],                                            
			            size: 100,                                                    
			            showInLegend: false,                                          
			            dataLabels: {                                                 
			                enabled: false                                            
			            }                                                             
			        }]                                                                
			    });                 
				
			});
			
			                                                  
		                             
		}
		function huadong(my, unit, def, max) {
			
			$(my).noUiSlider(
					{
						range : [ 0, max ],
						start : [ def ],
						handles : 1,
						connect : 'upper',
						slide : function() {
							var val = Math.floor($(this).val());
							$(this).find(".noUi-handle").text(val + unit);
							console.log($(this).find(".noUi-handle").parent()
									.parent().html());
						},
						set : function() {
							var val = Math.floor($(this).val());
							$(this).find(".noUi-handle").text(val + unit);
						}
					});
			$(my).val(def, true);
		}
		huadong('.slider-minmax1', "分钟", "5", 30);
		huadong('.slider-minmax2', "分钟", "6", 15);
		huadong('.slider-minmax3', "分钟", "10", 60);
		huadong('.slider-minmax4', "次", "2", 10);
		huadong('.slider-minmax5', "天", "3", 7);
		huadong('.slider-minmax6', "天", "8", 10);
		
	</script>
	<script>
	 $(function() {
		   $(".maintable").hide();
		$("#insesrt").click(function(){
			var  createDate=$("#sLink1").val();
			var userName= $("#sOrd1").val();
			var problem=$("#sName1").val();
			var sName1=$("#mName option:checked").text();
			var sName2=$("#mName option:checked").val();
			$.post("ajax_03",{"mName": sName1,"orderId": problem,"mId": sName2,"userName": userName});
			});	
		
		  
	}); 
	function selectMainperson(productInfoId){
		alert(productInfoId);
		 /* $.ajax({ //是否异步可不填  默认为 true 了
				"url" : "/getMainperson", //提交地址  //键值对形式
				"type" : "POST", //提交方式
				"data" : "productInfoId="+mainpersonId, //参数
				"dataType" : "JSON",
				"success" : function(data) {
					alert(data[1].);
				},
				"error" : function() {
					alert("过程出现错误,请充值!");
				} //处理错误
			});
		 */
	}
	</script>
</body>

</html>